﻿<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>投资管理_我的投资</title>
    <link rel="shortcut icon" href="images/favicon.ico">
    <link href="${pageContext.request.contextPath}/static/css/home.css" rel="stylesheet" type="text/css"/>
    <!-- <link href="${pageContext.request.contextPath}/static/css/narrow.css" rel="stylesheet" type="text/css" /> -->
    <link href="${pageContext.request.contextPath}/static/css/login.css" rel="stylesheet" type="text/css"/>
    <link href="${pageContext.request.contextPath}/static/css/style.css" rel="stylesheet" type="text/css"/>
    <link href="${pageContext.request.contextPath}/static/css/reset.css" rel="stylesheet" type="text/css"/>
    <link href="${pageContext.request.contextPath}/static/css/site.css" rel="stylesheet" type="text/css"/>
    <link href="${pageContext.request.contextPath}/static/css/style2.css" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" src="${pageContext.request.contextPath}/static/js/jquery.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/static/js/ppcommon.js"></script>
    <script type="text/javascript"
            src="${pageContext.request.contextPath}/static/js/jquery.date_input.pack.js"></script>
    <script type="text/javascript"
            src="${pageContext.request.contextPath}/static/js/My97DatePicker/WdatePicker.js"></script>
</head>
<script type="text/javascript">
    $(function () {
        $(".p_tp_del").click(function () {
            $(".landing").slideDown(200)
        });
        $(".login-close").click(function () {
            $(".landing").slideUp(200)
        });
    })
    /*tab*/
    window.onload = function () {
        var str = document.getElementById('tab');
        var str2 = document.getElementById('tab_zi')
        var oBtn = str2.getElementsByTagName('li')
        var oDiv = str.getElementsByClassName('tab_con');
        for (var i = 0; i < oBtn.length; i++) {
            oBtn[i].index = i;
            oBtn[i].onclick = function () {
                for (var i = 0; i < oBtn.length; i++) {
                    oBtn[i].className = '';
                    oDiv[i].style.display = 'none';
                }
                this.className = 'active';
                oDiv[this.index].style.display = 'block';
            }
        }
    }
</script>

<body>
<div class="page">
    <!--header-->
    <div class="header">
        <div class="top">
            <div class="top_con">
                <ul class="top_left">
                    <li><span class="icon-home-02"></span><a href="javascript:;">加入收藏</a></li>
                    <li><span class="icon-home-05"></span><a href="javascript:;">关注我们</a></li>
                    <li><span class="icon-home-03"></span><a href="javascript:;">在线客服</a></li>
                </ul>
                <ul class="top_right">
                    <li>你好，欢迎来到煎饼金融！</li>
                    <li>
                        <a href="#"><span class="btn_geren"><i class="ico-home-16"></i>嘻嘻哈哈</span></a>
                    </li>
                    <li>
                        <a href="#"><span class="btn_tuichu">退出</span></a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="nav">
            <div class="nav_con">
                <ul class="nav_logo">
                    <li></li>
                    <li class="jianbing">煎饼金融</li>
                    <li></li>
                </ul>
                <ul class="nav_indro">
                    <!-- <li class="l_one">安全网贷系统</li> -->
                    <li class="l_two">SHOVEBANK.COM</li>
                    <li class="l_three">中国最大的P2P系统服务商</li>
                </ul>
                <ul class="nav_list">
                    <li><a href="index.html">首页</a></li>
                    <li><a href="javascript:;">我要投资</a></li>
                    <li><a href="javascript:;">债权转让</a></li>
                    <li><a href="myAccount.html">我的账户</a></li>
                    <li><a href="javascript:;">财富资讯</a></li>
                </ul>
            </div>
        </div>
    </div>
    <!--内容区-->
    <div class="p_bg_f6 pt30">
        <div class="p_main">
            <div class="clr mt20">
                <div class="p_left_navbox">
                    <ul class="p_zh_navul">
                        <li>
                            <h4>
                                <a href="myAccount.html"><i class="ico-home-07"></i>账户总览</a>
                            </h4>
                        </li>
                        <li>
                            <h4>
                                <a href="#"><i class="ico-home-10"></i>资金管理</a>
                                <span class="ico-home-14"></span>
                                <span class="ico-home-23" style="display:none;"></span>
                            </h4>
                            <ul class="p_zh_li_none">
                                <li><a href="fund_details.html" class="click">资金明细</a></li>
                                <li><a href="recharge.html">充值</a></li>
                                <li><a href="#">提现</a></li>
                            </ul>
                        </li>
                        <li>
                            <h4>
                                <a href="${pageContext.request.contextPath}/queryOrder"><i class="ico-home-07"></i>我的投资</a>
                            </h4>
                        </li>
                        <li>
                            <h4>
                                <a href="#"><i class="ico-home-13"></i>账户管理</a>
                                <span class="ico-home-14"></span>
                                <span class="ico-home-23" style="display:none;"></span>
                            </h4>
                            <ul class="p_zh_li_none">
                                <li><a href="#">个人基本资料</a></li>
                                <li><a href="#">安全设置</a></li>
                                <li><a href="bankmanage.html">银行卡管理</a></li>
                            </ul>
                        </li>
                        <li>
                            <h4>
                                <a href="#"><i class="ico-home-15"></i>互动管理</a>
                                <span class="ico-home-14"></span>
                                <span class="ico-home-23" style="display:none;"></span>
                            </h4>
                            <ul class="p_zh_li_none">
                                <li><a href="#">我的消息</a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
                <div class="p_right_wordbox">
                    <!--内容-->
                    <div class="p_zh_xinxi3 clr">
                        <p class="person_title">我的投资</p>

                        <div class="safe" id="tab">
                            <div class="safe_title" id="tab_zi">
                                <ul class="msim_bor">
                                    <li class="active" style="position: relative;">
                                        回收中的项目
                                        <p class="msim_ts">1</p>
                                    </li>
                                    <li>投标中的项目</li>
                                    <li>已结清的项目</li>
                                </ul>
                                <a href="#" class="bor_a">查看回顾明细</a>
                            </div>
                            <!--one-->
                            <div class="tab_con" style="display: block;width: 96%; margin-left: 1.8%; border: none;">
                                <div class="msim_select">
                                    <ul>
                                        <li class="msim_gjc">关键词：</li>

                                        <form action="${pageContext.request.contextPath}/queryOrderByName">
                                        <li class="msim_input"><input type="name"/></li>
                                        <li class="msim_btn"><input type="submit" value="搜索"/></li>
                                        </form>
                                    </ul>
                                </div>
                                <div class="msim_id">
                                    <table class="msim_table" style="border-collapse: collapse;">
                                        <tr class="bj">
                                            <td style="width: 14%;">名称|编号</td>
                                            <td style="width: 6%;">出借日期</td>
                                            <td style="width: 6%;">期限</td>
                                            <td style="width: 6%;">年利率</td>
                                            <td style="width: 10%;">出借金额(￥)</td>
                                            <td style="width: 10%;">应收总额(￥)</td>
                                            <td style="width: 10%;">待收总额(￥)</td>
                                            <td style="width: 10%;">应收利息总额(￥)</td>
                                            <td style="width: 6%;">状态</td>
                                        </tr>
                                        <c:forEach items="list" var="o">
                                            <tr class="t_txt">
                                                <td>
                                                        ${o.proname} 编号 ${o.projectid}</td>
                                                <td>${o.addtime} </td>
                                                <td>${o.protimelimit}</td>
                                                <td>${o.proapr}</td>
                                                <td>${o.realmoney}</td>
                                                <td>${o.repayaccount}</td>
                                                <td>${o.waitrepay}</td>
                                                <td>${o.interest}</td>
                                                <c:if test="${o.status==1}">
                                                    <td>已还款</td>
                                                </c:if>
                                                <c:if test="${o.status!=1}">
                                                    <td>还款中</td>
                                                </c:if>
                                            </tr>
                                        </c:forEach>
                                    </table>
                                </div>

                                <div>
                                    跳转：<input type="text" value="" id="currentPage" onblur="goC();">当前页：${page.pageNum }/${page.pages }
                                    <a href="${pageContext.request.contextPath }/user/list?currentPage=1">首页</a>
                                    <c:if test="${page.hasPreviousPage}">
                                        <a href="${pageContext.request.contextPath }/user/list?currentPage=${page.prePage}">上一页</a>
                                    </c:if>
                                    <c:forEach items="${page.navigatepageNums }" var="index">
                                    <c:choose>
                                    <c:when test="${page.pageNum==index }">
                                        <a style="color:red;"
                                           href="${pageContext.request.contextPath }/user/list?currentPage=${index}">第${index }页</a>
                                    </c:when>
                                    <c:otherwise>
                                    <a style="color:black;"
                                       href="${pageContext.request.contextPath }/user/list?currentPage=${index}">第${index }页</a>

                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
            <!--底部-->
            <div class="footer">
                <div class="footer_con">
                    <div class="footer_nav">
                        <ul class="footer_list">
                            <li><a href="javascript:;">关于我们</a></li>
                            <li><a href="javascript:;">新手入门</a></li>
                            <li><a href="javascript:;">我要借款</a></li>
                            <li><a href="javascript:;">我要理财</a></li>
                            <li><a href="javascript:;">帮助中心</a></li>
                            <li><a href="javascript:;">利息计算器</a></li>
                        </ul>
                        <ul class="footer_we">
                            <li>关注我们：</li>
                            <li class="f_yuan"><span class="icon-home-05"></span></li>
                            <li>关注微博</li>
                            <li class="f_yuan"><span class="icon-home-04"></span></li>
                            <li>关注微信</li>
                        </ul>
                        <ul class="footer_link">
                            <li>友情链接：网贷平台 保险机构 财富动力 网证券之星 今日汇率网 中金外汇网 络投资 股权众筹 保信贵金属 互联网金融 大连金融网 银行贷款利率 信托产品房产 贷款保险网
                                沈阳p2p 理财博凯
                            </li>
                        </ul>
                    </div>
                    <div class="footer_right">
                        <ul class="footer_call">
                            <li><span class="icon-home-09 foot_icon"></span> <span class="foot_call">4009-150-151</span>
                                <span class="foot_time">客服工作时间：9:00-21:00</span></li>
                        </ul>
                        <ul class="foot_link_pic">
                            <li><img src="${pageContext.request.contextPath}/static/img/abcd_08_06.png"/></li>
                            <li><img src="${pageContext.request.contextPath}/static/img/abcd_08_08.png"/></li>
                            <li><img src="${pageContext.request.contextPath}/static/img/abcd_08_10.png"/></li>
                            <li><img src="${pageContext.request.contextPath}/static/img/abcd_08_03.png"/></li>
                        </ul>
                    </div>
                </div>
            </div>
            <p class="footer_bottom">&copy;2015I车保网贷金融服务有限公司 京ICP证140334号</p>
        </div>
    </div>
</body>

</html>